<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/classify.css">
</head>

<body>
    <div class="classify">
        <div class="header clearfix">
            <a href="javascript:;" class="logo"></a>
            <a href="javascript:;" class="download"></a>
        </div>
        <div class="search">
            <input type="text" placeholder="请输入你想比价的商品">
            <input type="button" value="搜索">
        </div>
        <div class="lis-box">
            <ul class="lis-nav">
                <!-- <li>
                    <p>大家电</p>
                    <ul class="lis clearfix">
                        <li><a href="">电视</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">电视</a></li>
                    </ul>
                </li> -->
            </ul>

        </div>
        <div class="base">
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">返回顶部</a></li>
            </ul>
            <p><a href="#">手机APP下载</a>慢慢买手机版--掌上比价平台</p>
            <p>m.manmanbuy.com</p>
        </div>


    </div>
</body>
<script type="text/template" id="clTemlate">
    {{each result as value index}}
    <li titleId="{{result[index].titleId}}">
        <p>{{result[index].title}} <i></i></p>
        <ul class="lis clearfix" style="display: none;">
        </ul>
    </li>
    {{/each}}
</script>
<script type="text/template" id="lisTemlate">
    {{each result as value index}}
    <li><a href="">{{result[index].category}}</a></li>
    {{/each}}
</script>
<script src="./lib/jquery/jquery.js"></script>
<script src="./lib/template/template.js"></script>
<script src="./js/classify.js"></script>

</html>